<!DOCTYPE html>
<html>
<head>
<title>实用100</title>

<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="this is my page">
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<link rel="stylesheet" href="1.css" type="text/css"></link>
</head>
<!-- 通过通配符可以将所有的内边距和外边距都设置为0 -->

<body>
	<!--顶部-->
	<div class="top">
		<div class="top_content"></div>
	</div>
	<!--主体-->
	<div class="body">
		<div class="body_img">图片</div>
		<!--这里是图片-->

		<div class="body_content_1">
			<div class="body_title_1">标题:各大网站的链接</div>
			各大网站的链接
		</div>
		<div class="body_content_2">
			<div class="body_title_2">标题:实用生活工具</div>
			实用生活工具
		</div>
		<div class="body_content_3">
			<div class="body_title_3">标题:新闻资讯</div>
			新闻资讯
		</div>
		<div class="body_content_4">
			<div class="body_title_4">标题:实用百科</div>
			实用百科
		</div>
	</div>
	<!--尾部-->
	<div class="footing">
		<div class="footing_subnav">意见反馈+回到顶部</div>
	</div>

</body>
</html>
